<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="../favicon.ico">
    <title>山海经</title>
    <style>
        @charset "UTF-8";
        .btn-buy-jyk {
            background-position: -2057px -576px;
            width: 101px;
            height: 31px
        }

        .btn-buy-jyk10 {
            background-position: -2057px -612px;
            width: 101px;
            height: 31px
        }

        .btn-carve-get {
            background-position: -1664px -835px;
            width: 164px;
            height: 52px
        }

        .btn-gp-get-on, .tab-box .btn-gp-get.on {
            background-position: -1837px -1106px;
            width: 328px;
            height: 75px
        }

        .btn-gp-get {
            background-position: -1837px -1026px;
            width: 328px;
            height: 75px
        }

        .btn-points-get {
            background-position: -882px -426px;
            width: 135px;
            height: 46px
        }

        .btn-progress-get {
            background-position: -2000px -816px;
            width: 113px;
            height: 31px
        }

        .btn-progress-get1 {
            background-position: -2072px -1509px;
            width: 86px;
            height: 25px
        }

        .btn-progress-get2 {
            background-position: -2072px -1539px;
            width: 86px;
            height: 25px
        }

        .btn-wish-get {
            background-position: -480px -371px;
            width: 145px;
            height: 48px
        }

        .btn-wish-investment {
            background-position: -327px -371px;
            width: 148px;
            height: 48px
        }

        .btn-xd-get-on, .tab-box .btn-xd-get.on {
            background-position: -1837px -946px;
            width: 328px;
            height: 75px
        }

        .btn-xd-get {
            background-position: -1837px -866px;
            width: 328px;
            height: 75px
        }

        .btn-zcx {
            background-position: -868px -310px;
            width: 149px;
            height: 48px
        }

        .buy-gp-btn {
            background-position: -1837px -576px;
            width: 215px;
            height: 121px
        }

        .buy-jyk-btn1 {
            background-position: -1837px -342px;
            width: 249px;
            height: 112px
        }

        .buy-jyk-btn2 {
            background-position: -1837px -459px;
            width: 245px;
            height: 112px
        }

        .buy-points-btn1 {
            background-position: -1954px -1287px;
            width: 200px;
            height: 95px
        }

        .buy-points-btn2 {
            background-position: -1837px -1409px;
            width: 200px;
            height: 95px
        }

        .buy-points-btn3 {
            background-position: -1954px -1186px;
            width: 213px;
            height: 96px
        }

        .carve-frame {
            background-position: -1837px 0;
            width: 331px;
            height: 200px
        }

        .carve-sp {
            background-position: -1837px -205px;
            width: 230px;
            height: 132px
        }

        .copy-btn {
            background-position: -755px -426px;
            width: 122px;
            height: 59px
        }

        .current-points {
            background-position: -630px -371px;
            width: 216px;
            height: 28px
        }

        .doubt-icon {
            background-position: -2091px -342px;
            width: 44px;
            height: 76px
        }

        .draw-btn1 {
            background-position: -1664px -778px;
            width: 166px;
            height: 52px
        }

        .draw-btn10 {
            background-position: -1664px -721px;
            width: 166px;
            height: 52px
        }

        .float-box {
            background-position: -1837px -1186px;
            width: 112px;
            height: 218px
        }

        .floating-layer1 {
            background-position: -1082px -616px;
            width: 286px;
            height: 286px
        }

        .floating-layer2 {
            background-position: -1373px -616px;
            width: 286px;
            height: 286px
        }

        .floating-layer3 {
            background-position: -290px -1046px;
            width: 285px;
            height: 286px
        }

        .floating-layer4 {
            background-position: 0 -1046px;
            width: 285px;
            height: 286px
        }

        .group-btn-style {
            background-position: -1837px -1509px;
            width: 230px;
            height: 73px
        }

        .group-frame {
            background-position: 0 0;
            width: 322px;
            height: 421px
        }

        .group-title-1 {
            background-position: -1837px -1587px;
            width: 280px;
            height: 55px
        }

        .group-title-2 {
            background-position: -1837px -1647px;
            width: 232px;
            height: 55px
        }

        .item-lable-1 {
            background-position: -2072px -205px;
            width: 68px;
            height: 67px
        }

        .item-lable-2 {
            background-position: -2072px -277px;
            width: 54px;
            height: 53px
        }

        .page-title-1 {
            background-position: -1082px -154px;
            width: 750px;
            height: 149px
        }

        .page-title-10 {
            background-position: -1082px 0;
            width: 750px;
            height: 149px
        }

        .page-title-2 {
            background-position: -327px 0;
            width: 750px;
            height: 150px
        }

        .page-title-3 {
            background-position: 0 -736px;
            width: 750px;
            height: 150px
        }

        .page-title-4 {
            background-position: 0 -891px;
            width: 750px;
            height: 150px
        }

        .page-title-5 {
            background-position: 0 -581px;
            width: 750px;
            height: 150px
        }

        .page-title-6 {
            background-position: 0 -426px;
            width: 750px;
            height: 150px
        }

        .page-title-7 {
            background-position: -327px -155px;
            width: 750px;
            height: 150px
        }

        .page-title-8 {
            background-position: -1082px -308px;
            width: 750px;
            height: 149px
        }

        .page-title-9 {
            background-position: -1082px -462px;
            width: 750px;
            height: 149px
        }

        .part8-btn1 {
            background-position: -327px -310px;
            width: 176px;
            height: 56px
        }

        .part8-btn2 {
            background-position: -508px -310px;
            width: 175px;
            height: 55px
        }

        .part8-btn3 {
            background-position: -688px -310px;
            width: 175px;
            height: 55px
        }

        .points-frame {
            background-position: -2057px -648px;
            width: 84px;
            height: 26px
        }

        .pop-choose-box {
            background-position: -1837px -702px;
            width: 158px;
            height: 159px
        }

        .prize-list-box {
            background-position: -308px -1461px;
            width: 303px;
            height: 250px
        }

        .progress-current-1 {
            background-position: -580px -1046px;
            width: 630px;
            height: 119px
        }

        .progress-current-2 {
            background-position: -580px -1170px;
            width: 630px;
            height: 119px
        }

        .progress-current-3 {
            background-position: -1082px -907px;
            width: 630px;
            height: 119px
        }

        .progress-current-4 {
            background-position: -635px -1337px;
            width: 630px;
            height: 119px
        }

        .progress-current-5 {
            background-position: 0 -1337px;
            width: 630px;
            height: 119px
        }

        .progress-default {
            background-position: -616px -1461px;
            width: 630px;
            height: 117px
        }

        .swiper-button-next {
            background-position: -39px -1716px;
            width: 33px;
            height: 262px
        }

        .swiper-button-prev {
            background-position: 0 -1716px;
            width: 34px;
            height: 262px
        }

        .tabicon1 {
            background-position: -2042px -1409px;
            width: 122px;
            height: 86px
        }

        .tabicon2 {
            background-position: -1664px -616px;
            width: 149px;
            height: 100px
        }

        .video-player-icon {
            background-position: -2145px -205px;
            width: 23px;
            height: 23px
        }

        .wish-choose-btn {
            background-position: -2091px -423px;
            width: 74px;
            height: 29px
        }

        .zcx-box {
            background-position: 0 -1461px;
            width: 303px;
            height: 250px
        }

        .zcx-icon {
            background-position: -2000px -702px;
            width: 139px;
            height: 109px
        }

        .btn-buy-jyk, .btn-buy-jyk10, .btn-carve-get, .btn-gp-get, .btn-gp-get-on, .btn-points-get, .btn-progress-get, .btn-progress-get1, .btn-progress-get2, .btn-wish-get, .btn-wish-investment, .btn-xd-get, .btn-xd-get-on, .btn-zcx, .buy-gp-btn, .buy-jyk-btn1, .buy-jyk-btn2, .buy-jyk-btn3, .buy-points-btn1, .buy-points-btn2, .buy-points-btn3, .carve-frame, .carve-sp, .close-floating, .comme-pint, .copy-btn, .current-points, .dia-bg1, .dia-bg2, .dia-bg3, .dia-btn-one, .dia-btn-ten, .dia-close, .dia-fjb-tit, .dia-gxn-tit, .dia-ptjl-title, .dia-zcx-tit, .doubt-icon, .draw-btn1, .draw-btn10, .float-box, .floating-layer1, .floating-layer2, .floating-layer3, .floating-layer4, .floating-prize1, .group-btn-style, .group-frame, .group-points, .group-recommend, .group-title-1, .group-title-2, .item-lable-1, .item-lable-2, .item-lable-3, .item-top-lable, .logo-cf, .logo-cfhd, .logo-djc, .page-title-1, .page-title-10, .page-title-2, .page-title-3, .page-title-4, .page-title-5, .page-title-6, .page-title-7, .page-title-8, .page-title-9, .part8-btn, .part8-btn1, .part8-btn2, .part8-btn3, .points-frame, .pop-choose-box, .prize-list-box, .progress-current-1, .progress-current-2, .progress-current-3, .progress-current-4, .progress-current-5, .progress-default, .sprite-img, .swiper-button-next, .swiper-button-prev, .tab-box .btn-gp-get.on, .tab-box .btn-xd-get.on, .tabicon1, .tabicon2, .video-player-icon, .wish-choose-btn, .zcx-box, .zcx-icon {
            background-image: url(sprite-img.png);
            background-size: 4294px 4132px;
            background-repeat: no-repeat
        }

        .btn-buy-jyk {
            background-position: -4079px -2020px;
            width: 187px;
            height: 58px
        }

        .btn-buy-jyk10 {
            background-position: -3967px -2600px;
            width: 187px;
            height: 58px
        }

        .btn-carve-get {
            background-position: -924px -2699px;
            width: 302px;
            height: 96px
        }

        .btn-gp-get-on, .tab-box .btn-gp-get.on {
            background-position: -1925px -1751px;
            width: 434px;
            height: 96px
        }

        .btn-gp-get {
            background-position: -1925px -2032px;
            width: 434px;
            height: 96px
        }

        .btn-points-get {
            background-position: -3333px -2600px;
            width: 217px;
            height: 66px
        }

        .btn-progress-get {
            background-position: -2329px -2508px;
            width: 159px;
            height: 43px
        }

        .btn-progress-get1 {
            background-position: -2503px -2090px;
            width: 124px;
            height: 33px
        }

        .btn-progress-get2 {
            background-position: -2374px -2090px;
            width: 124px;
            height: 33px
        }

        .btn-wish-get {
            background-position: -2783px -2600px;
            width: 270px;
            height: 80px
        }

        .btn-wish-investment {
            background-position: -3058px -2600px;
            width: 270px;
            height: 80px
        }

        .btn-xd-get-on, .tab-box .btn-xd-get.on {
            background-position: -3358px -2322px;
            width: 434px;
            height: 96px
        }

        .btn-xd-get {
            background-position: -2919px -2322px;
            width: 434px;
            height: 96px
        }

        .btn-zcx {
            background-position: -2506px -2600px;
            width: 272px;
            height: 81px
        }

        .buy-gp-btn {
            background-position: -1925px -1011px;
            width: 398px;
            height: 221px
        }

        .buy-jyk-btn1 {
            background-position: -3423px -1833px;
            width: 389px;
            height: 173px
        }

        .buy-jyk-btn2 {
            background-position: -1925px -1573px;
            width: 384px;
            height: 173px
        }

        .buy-jyk-btn3 {
            background-position: -3817px -1833px;
            width: 388px;
            height: 173px
        }

        .buy-points-btn1 {
            background-position: -2176px -2322px;
            width: 368px;
            height: 173px
        }

        .buy-points-btn2 {
            background-position: -2549px -2322px;
            width: 365px;
            height: 173px
        }

        .buy-points-btn3 {
            background-position: -1925px -1854px;
            width: 370px;
            height: 173px
        }

        .carve-frame {
            background-position: -3561px -1405px;
            width: 609px;
            height: 366px
        }

        .carve-sp {
            background-position: -1925px -730px;
            width: 422px;
            height: 241px
        }

        .close-floating {
            background-position: -4258px -1776px;
            width: 34px;
            height: 27px
        }

        .comme-pint {
            background-position: -3962px -1776px;
            width: 250px;
            height: 43px
        }

        .copy-btn {
            background-position: -2236px -504px;
            width: 122px;
            height: 59px
        }

        .current-points {
            background-position: -3561px -1776px;
            width: 396px;
            height: 50px
        }

        .dia-bg1 {
            background-position: -2374px -1405px;
            width: 1182px;
            height: 423px
        }

        .dia-bg2 {
            background-position: -1187px 0;
            width: 1182px;
            height: 499px
        }

        .dia-bg3 {
            background-position: 0 0;
            width: 1182px;
            height: 725px
        }

        .dia-btn-one {
            background-position: -3761px -2600px;
            width: 201px;
            height: 64px
        }

        .dia-btn-ten {
            background-position: -3555px -2600px;
            width: 201px;
            height: 64px
        }

        .dia-close {
            background-position: -4217px -1776px;
            width: 36px;
            height: 29px
        }

        .dia-fjb-tit {
            background-position: -3395px -2423px;
            width: 455px;
            height: 62px
        }

        .dia-gxn-tit {
            background-position: -2919px -2423px;
            width: 471px;
            height: 63px
        }

        .dia-ptjl-title {
            background-position: -3556px -2020px;
            width: 518px;
            height: 63px
        }

        .dia-zcx-tit {
            background-position: -1127px -2508px;
            width: 447px;
            height: 63px
        }

        .doubt-icon {
            background-position: -4175px -1522px;
            width: 80px;
            height: 140px
        }

        .draw-btn1 {
            background-position: -1906px -2600px;
            width: 295px;
            height: 94px
        }

        .draw-btn10 {
            background-position: -2206px -2600px;
            width: 295px;
            height: 94px
        }

        .float-box {
            background-position: -2202px -1292px;
            width: 150px;
            height: 257px
        }

        .floating-layer1 {
            background-position: 0 -3086px;
            width: 287px;
            height: 561px
        }

        .floating-layer2 {
            background-position: -584px -3086px;
            width: 286px;
            height: 561px
        }

        .floating-layer3 {
            background-position: -1925px -1292px;
            width: 272px;
            height: 270px
        }

        .floating-layer4 {
            background-position: -292px -3086px;
            width: 287px;
            height: 561px
        }

        .floating-prize1 {
            background-position: -875px -3086px;
            width: 171px;
            height: 308px
        }

        .group-btn-style {
            background-position: -1231px -2699px;
            width: 302px;
            height: 96px
        }

        .group-frame {
            background-position: 0 -2600px;
            width: 368px;
            height: 481px
        }

        .group-points {
            background-position: -1925px -1237px;
            width: 396px;
            height: 50px
        }

        .group-recommend {
            background-position: -2374px -2020px;
            width: 1177px;
            height: 65px
        }

        .group-title-1 {
            background-position: -1579px -2508px;
            width: 280px;
            height: 55px
        }

        .group-title-2 {
            background-position: -1864px -2508px;
            width: 232px;
            height: 55px
        }

        .item-lable-1 {
            background-position: -4175px -1405px;
            width: 113px;
            height: 112px
        }

        .item-lable-2 {
            background-position: -4175px -1667px;
            width: 93px;
            height: 93px
        }

        .item-lable-3 {
            background-position: -4125px -2322px;
            width: 148px;
            height: 57px
        }

        .item-top-lable {
            background-position: -3855px -2423px;
            width: 370px;
            height: 51px
        }

        .logo-cf {
            background-position: -2101px -2508px;
            width: 223px;
            height: 51px
        }

        .logo-cfhd {
            background-position: -2236px -568px;
            width: 132px;
            height: 45px
        }

        .logo-djc {
            background-position: -1538px -2699px;
            width: 184px;
            height: 55px
        }

        .page-title-1 {
            background-position: -2374px -1124px;
            width: 1920px;
            height: 276px
        }

        .page-title-10 {
            background-position: 0 -730px;
            width: 1920px;
            height: 276px
        }

        .page-title-2 {
            background-position: -2374px 0;
            width: 1920px;
            height: 276px
        }

        .page-title-3 {
            background-position: 0 -1573px;
            width: 1920px;
            height: 276px
        }

        .page-title-4 {
            background-position: 0 -1854px;
            width: 1920px;
            height: 276px
        }

        .page-title-5 {
            background-position: 0 -1011px;
            width: 1920px;
            height: 276px
        }

        .page-title-6 {
            background-position: 0 -1292px;
            width: 1920px;
            height: 276px
        }

        .page-title-7 {
            background-position: -2374px -843px;
            width: 1920px;
            height: 276px
        }

        .page-title-8 {
            background-position: -2374px -562px;
            width: 1920px;
            height: 276px
        }

        .page-title-9 {
            background-position: -2374px -281px;
            width: 1920px;
            height: 276px
        }

        .part8-btn {
            background-position: -3797px -2322px;
            width: 323px;
            height: 94px
        }

        .part8-btn1 {
            background-position: -924px -2600px;
            width: 323px;
            height: 94px
        }

        .part8-btn2 {
            background-position: -1579px -2600px;
            width: 322px;
            height: 94px
        }

        .part8-btn3 {
            background-position: -1252px -2600px;
            width: 322px;
            height: 94px
        }

        .points-frame {
            background-position: -2493px -2508px;
            width: 134px;
            height: 42px
        }

        .pop-choose-box {
            background-position: -373px -2600px;
            width: 286px;
            height: 286px
        }

        .prize-list-box {
            background-position: 0 -2135px;
            width: 559px;
            height: 460px
        }

        .progress-current-1 {
            background-position: -2176px -2135px;
            width: 1044px;
            height: 182px
        }

        .progress-current-2 {
            background-position: -3225px -2135px;
            width: 1044px;
            height: 182px
        }

        .progress-current-3 {
            background-position: -1127px -2135px;
            width: 1044px;
            height: 182px
        }

        .progress-current-4 {
            background-position: -2374px -1833px;
            width: 1044px;
            height: 182px
        }

        .progress-current-5 {
            background-position: -1187px -504px;
            width: 1044px;
            height: 182px
        }

        .progress-default {
            background-position: -1127px -2322px;
            width: 1044px;
            height: 181px
        }

        .swiper-button-next {
            background-position: -103px -3652px;
            width: 98px;
            height: 480px
        }

        .swiper-button-prev {
            background-position: 0 -3652px;
            width: 98px;
            height: 480px
        }

        .tabicon1 {
            background-position: -575px -2891px;
            width: 162px;
            height: 113px
        }

        .tabicon2 {
            background-position: -373px -2891px;
            width: 197px;
            height: 132px
        }

        .video-player-icon {
            background-position: -4260px -1601px;
            width: 32px;
            height: 32px
        }

        .wish-choose-btn {
            background-position: -4260px -1522px;
            width: 30px;
            height: 74px
        }

        .zcx-box {
            background-position: -564px -2135px;
            width: 558px;
            height: 460px
        }

        .zcx-icon {
            background-position: -664px -2600px;
            width: 255px;
            height: 199px
        }

        article, body, dd, dl, footer, form, h1, h2, h3, h4, h5, h6, header, ol, p, section, ul {
            margin: 0
        }

        body, button, input, select, textarea {
            font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%
        }

        b, em {
            font-style: normal
        }

        a {
            text-decoration: none
        }

        a:hover {
            text-decoration: underline
        }

        img {
            border: 0
        }

        body {
            padding-top: 42px
        }

        button, input, select, textarea {
            font-size: 100%;
            outline: 0
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        ol, td, th, ul {
            padding: 0;
            list-style: none
        }

        .gray {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            pointer-events: none
        }

        a:not(.gray):hover {
            -webkit-filter: brightness(1.2);
            filter: brightness(1.2)
        }

        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0
        }

        /*!! 通用底部样式*/
        #afooter {
            background: #1c1c1c;
            text-align: center
        }

        #afooter .wrap_ieg {
            width: 1240px;
            margin: 0 auto;
            padding: 30px 0
        }

        #afooter p {
            color: #6e6e6e;
            line-height: 24px;
            font-size: 10px
        }

        #afooter a {
            color: #6e6e6e;
            font-size: 12px
        }

        /*!! asyncCookie的iframe样式*/
        #loginStatusSyncFrame_ams_ame {
            display: block
        }

        @keyframes breath {
            0% {
                transform: scale(1)
            }
            50% {
                transform: scale(1.2)
            }
            100% {
                transform: scale(1)
            }
        }

        #_overlay_, #actTitleWrap, .ost, .ost_box, body {
            min-width: 1200px !important
        }

        body {
            background-color: #0f1c2f
        }

        .neiqian {
            padding: 0;
            width: 1200px;
            overflow-x: hidden
        }

        .neiqian .g-wrap {
            width: 1200px;
            margin: 0 auto;
            padding-top: 0
        }

        .neiqian .part2-list .part2-list-item {
            margin: 0 10px
        }

        .neiqian .bg1, .neiqian .bg2 {
            display: none
        }

        .neiqian .login-wrap {
            position: relative;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 18px;
            white-space: nowrap;
            padding: 78px 0 16px 0;
            line-height: 1.4
        }

        .neiqian .login-wrap a {
            color: #fff
        }

        .neiqian .progress .progress-list .progress-list-item:nth-child(5) {
            margin-top: 0;
            position: absolute;
            right: 6px
        }


        .logo-cf {
            position: absolute;
            top: 23px;
            left: 50%;
            transform: translateX(-250%);
            -webkit-transform: translateX(-250%);
            z-index: 3
        }

        .logo-cfhd {
            position: absolute;
            top: 22px;
            left: 50%;
            transform: translateX(-230%);
            -webkit-transform: translateX(-230%);
            z-index: 3
        }

        .logo-djc {
            position: absolute;
            top: 13px;
            left: 50%;
            transform: translateX(-68%);
            -webkit-transform: translateX(-68%);
            z-index: 3
        }

        .fcbox {
            position: fixed;
            top: 400px;
            right: 0;
            width: 200px;
            height: 339px;
            z-index: 9999
        }

        .fcbox .linkfc {
            position: absolute;
            bottom: 10px;
            left: 8px;
            width: 186px;
            height: 49px
        }

        .g-wrap {
            overflow: hidden;
            position: relative;
            font-family: '\5FAE\8F6F\96C5\9ED1';
            padding-top: 980px;
            box-sizing: border-box
        }

        .g-wrap a {
            -webkit-transition: filter .3s, border .3s, color .3s;
            transition: filter .3s, border .3s, color .3s
        }

        .g-wrap a:hover {
            text-decoration: none;
            -webkit-filter: brightness(1.2);
            filter: brightness(1.2)
        }


        .login-wrap {
            position: relative;
            z-index: 5;
            text-align: center;
            font-size: 22px;
            color: #fff
        }

        .login-wrap a, .login-wrap span {
            color: #fff
        }


        .float-box {
            position: fixed;
            left: 0;
            top: 200px;
            z-index: 3;
            transform: translateX(-100%);
            opacity: 0;
            pointer-events: none;
            transition: transform .8s, opacity .8s
        }

        .float-box p {
            font-size: 100px;
            font-weight: 700;
            text-align: center;
            color: #f7dc9a;
            line-height: 1;
            margin-top: 68px
        }

        .float-box.show {
            opacity: 1;
            pointer-events: auto;
            transform: translateX(0);
            -webkit-transform: translateX(0)
        }

        .tab-box {
            width: 1200px;
            margin: 20px auto 50px auto;
            font-size: 0;
            position: relative;
            text-align: center;
            z-index: 5
        }

        .tab-box a {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            margin: 0 20px
        }

        .tab-box a .tabicon1 {
            position: absolute;
            left: 3px;
            top: -13px
        }

        .tab-box a .tabicon2 {
            position: absolute;
            left: 22px;
            top: -28px
        }

        .part1 {
            height: 970px
        }

        .part2 {
            height: 1010px
        }

        .part3, .part9 {
            height: 1270px
        }

        .part4 {
            height: 1330px
        }

        .part5 {
            height: 1550px
        }

        .part6 {
            height: 2100px
        }

        .part8 {
            height: 830px
        }

        .part9 {
            height: 1280px
        }

        .part {
            width: 1200px;
            position: relative;
            margin: 0 auto
        }

        .page-title {
            display: block;
            margin: 0 auto;
            position: relative;
            width: 100%;
            height: 180px
        }

        .page-title i {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .progress {
            display: block;
            margin: 0 auto;
            position: relative
        }

        .progress .progress-default {
            display: block;
            margin: 55px auto 0 auto;
            position: relative
        }

        .progress .progress-current {
            position: absolute;
            left: 78px;
            top: 0
        }

        .progress .progress-list {
            font-size: 0;
            position: relative
        }

        .progress .progress-list .progress-list-item {
            display: inline-block;
            vertical-align: middle;
            position: relative
        }

        .progress .progress-list .progress-list-item .c1 {
            position: absolute;
            bottom: 115px;
            left: 31px;
            animation: breath 1s infinite ease forwards;
            -webkit-animation: breath 1s infinite ease forwards;
            cursor: pointer
        }

        .progress .progress-list .progress-list-item .c2 {
            position: absolute;
            bottom: 115px;
            left: 157px;
            animation: breath 1s infinite ease forwards;
            -webkit-animation: breath 1s infinite ease forwards;
            cursor: pointer
        }

        .progress .progress-list .progress-list-item .c-image {
            position: absolute;
            top: 42px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .progress .progress-list .progress-list-item .prize-box {
            position: absolute;
            top: 40px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .progress .progress-list .progress-list-item .progress-chose-pop {
            position: relative
        }

        .progress .progress-list .progress-list-item .btn-progress-get {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .progress .progress-list .progress-list-item .floating-prize {
            display: none;
            position: absolute;
            left: 50%;
            top: -300px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .progress .progress-list .progress-list-item .floating-prize > a:nth-child(1) {
            position: absolute;
            top: 108px;
            left: 51px
        }

        .progress .progress-list .progress-list-item .floating-prize > a:nth-child(2) {
            position: absolute;
            top: 235px;
            left: 51px
        }

        .progress .progress-list .btn-change-progress {
            position: absolute;
            right: 19px;
            top: 14px;
            font-size: 16px;
            color: #815200;
            padding: 2px;
            line-height: 1;
            border: 1px solid #815200
        }

        .progress .progress-list .btn-progress-get1 {
            position: absolute;
            bottom: 33px;
            left: 13px
        }

        .progress .progress-list .btn-progress-get2 {
            position: absolute;
            bottom: 33px;
            left: 137px
        }

        .progress .progress-list .progress-list-item:nth-child(1) {
            margin-left: 48px;
            margin-top: 0
        }

        .progress .progress-list .progress-list-item:nth-child(2) {
            margin-left: 58px;
            margin-top: -86px
        }

        .progress .progress-list .progress-list-item:nth-child(3) {
            margin-left: 62px;
            margin-top: 0
        }

        .progress .progress-list .progress-list-item:nth-child(4) {
            margin-left: 63px;
            margin-top: -86px
        }

        .progress .progress-list .progress-list-item:nth-child(5) {
            margin-top: 0;
            position: absolute;
            right: -25px
        }

        .progress-tips {
            font-size: 18px;
            color: #f7dc9a;
            text-align: center;
            margin: 50px auto 0 auto
        }

        .part2-date {
            font-size: 24px;
            color: #f7dc9a;
            text-align: center;
            margin: 50px auto 100px auto;
            position: relative
        }

        .item-top {
            font-size: 24px;
            color: #ffdd8b;
            text-align: center
        }

        .part2-list {
            font-size: 0;
            position: relative;
            text-align: center
        }

        .part2-list .part2-list-item {
            display: inline-block;
            vertical-align: middle;
            margin: 0 16px;
            position: relative
        }

        .part2-list .mt {
            margin-top: -150px !important
        }

        .part2-list .hejuan {
            font-size: 18px;
            color: #ffdd8b;
            position: absolute;
            bottom: -36px;
            left: 0;
            width: 100%
        }

        .part2-list .item-top {
            font-size: 24px;
            color: #ffdd8b;
            text-align: center;
            margin-bottom: 6px;
            position: relative
        }

        .part2-list .item-top i {
            display: block;
            margin-left: 0
        }

        .part2-list .item-lable {
            position: absolute
        }

        .part2-list .item-lable-1 {
            right: -25px;
            top: 6px
        }

        .part2-list .item-lable-2 {
            right: -21px;
            top: 20px
        }

        .part2-list .item-lable-3 {
            right: -8px;
            top: 110px
        }

        .part2-list .btn-buy-jyk, .part2-list .btn-buy-jyk10 {
            position: absolute;
            bottom: 53px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .part2-list .btn-video-show {
            width: 350px;
            height: 480px;
            position: absolute;
            bottom: 11px;
            left: 11px;
            cursor: pointer
        }

        .buy-jyk-box {
            margin: 50px auto 50px -20px;
            position: relative;
            font-size: 0;
            text-align: center
        }

        .buy-jyk-box a {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px
        }

        .buy-points-box {
            margin: 50px auto;
            position: relative;
            font-size: 0;
            text-align: center
        }

        .buy-points-box a {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px
        }

        .draw-box {
            position: relative;
            text-align: center
        }

        .draw-btn-box {
            width: 712px;
            height: 180px;
            position: absolute;
            left: 50%;
            top: 150px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            text-align: center
        }

        .draw-btn-box a {
            display: inline-block;
            vertical-align: middle;
            margin: 0 20px
        }

        .draw-btn-box .gp-text {
            font-size: 26px;
            color: #f9ffe2;
            margin-top: 40px;
            margin-bottom: 40px
        }

        .draw-btn-box .gp-text p {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px
        }

        .draw-btn-box .draw-tips {
            display: block;
            font-size: 26px;
            color: #f9ffe2;
            margin-top: 40px
        }

        .da2 {
            top: 288px
        }

        .key-num {
            font-size: 28px;
            color: #f9ffe2;
            text-align: center;
            margin-top: 30px
        }

        .key-tips {
            font-size: 28px;
            color: #f9ffe2;
            text-align: center;
            margin: 30px auto 50px auto
        }

        .wish-list {
            position: relative;
            font-size: 0;
            text-align: center;
            margin-top: 285px;
        }

        .wish-list .wish-list-item {
            display: inline-block;
            vertical-align: middle;
            margin: 0 2px
        }

        .wish-list .wish-list-item .btn-wish-get, .wish-list .wish-list-item .btn-wish-investment {
            display: block;
            margin: 10px auto
        }

        .wish-list .wish-list-item .wish-value {
            font-size: 28px;
            color: #f9ffe2;
            margin-top: 8px;
            line-height: 1.2
        }

        .wish-list .pop-choose-box {
            display: block;
            position: relative
        }

        .wish-list .pop-choose-box .level {
            font-size: 20px;
            color: #815200;
            position: absolute;
            top: 31px;
            left: 24px;
            line-height: 1
        }

        .wish-list .pop-choose-box .box-c, .wish-list .pop-choose-box .doubt-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)
        }

        .wish-list .pop-choose-box .btn-change-wish {
            position: absolute;
            right: 26px;
            top: 28px;
            font-size: 20px;
            color: #815200;
            padding: 2px;
            line-height: 1;
            border: 1px solid #815200
        }

        .wish-list .pop-choose-box .floating-layer {
            position: absolute;
            top: -275px;
            left: 0;
        }

        .wish-list .pop-choose-box .floating-layer .close-floating {
            position: absolute;
            top: 9px;
            right: 9px;
            cursor: pointer
        }

        .wish-list .pop-choose-box .floating-layer3 {
            top: 15px
        }

        .wish-list .pop-choose-box .floating-layer a {
            position: absolute
        }

        .wish-list .pop-choose-box .floating-layer1 a:nth-child(1), .wish-list .pop-choose-box .floating-layer2 a:nth-child(1) {
            top: 24px;
            left: 32px
        }

        .wish-list .pop-choose-box .floating-layer1 a:nth-child(2), .wish-list .pop-choose-box .floating-layer2 a:nth-child(2) {
            top: 147px;
            left: 32px
        }

        .wish-list .pop-choose-box .floating-layer1 a:nth-child(3), .wish-list .pop-choose-box .floating-layer2 a:nth-child(3) {
            top: 274px;
            left: 32px
        }

        .wish-list .pop-choose-box .floating-layer1 a:nth-child(4), .wish-list .pop-choose-box .floating-layer2 a:nth-child(4) {
            top: 412px;
            left: 32px
        }

        .wish-list .pop-choose-box .floating-layer3 a:nth-child(1) {
            top: 16px;
            left: 29px
        }

        .wish-list .pop-choose-box .floating-layer3 a:nth-child(2) {
            top: 134px;
            left: 29px
        }

        .wish-list .pop-choose-box .floating-layer4 a:nth-child(1) {
            top: 62px;
            left: 37px
        }

        .wish-list .pop-choose-box .floating-layer4 a:nth-child(2) {
            top: 218px;
            left: 37px
        }

        .wish-list .pop-choose-box .floating-layer4 a:nth-child(3) {
            top: 382px;
            left: 37px
        }

        .current-points, .group-points {
            display: block;
            margin: 50px auto 15px auto;
            position: relative
        }

        .current-points span, .group-points span {
            position: absolute;
            top: 4px;
            left: 196px;
            width: 64px;
            font-size: 28px;
            color: #f9ffe2;
            text-align: center
        }

        .group-points > span {
            left: 169px
        }

        .points-tips {
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: 28px;
            color: #f9ffe2
        }

        .reward-list {
            text-align: center;
            font-size: 0;
            position: relative;
            margin-top: 36px;
            overflow: hidden;
            padding-top: 25px
        }

        .reward-list .reward-list-item {
            display: inline-block;
            vertical-align: top;
            margin: 0 10px 50px 10px;
            position: relative
        }

        .reward-list .reward-list-item .video-player-icon {
            position: absolute;
            top: 177px;
            left: 45px;
            animation: breath 1s infinite ease forwards;
            -webkit-animation: breath 1s infinite ease forwards;
            cursor: pointer
        }

        .reward-list .reward-list-item .reward-num {
            position: absolute;
            right: 30px;
            top: 35px;
            font-size: 18px;
            color: #000
        }

        .reward-list .swiper-button-next, .reward-list .swiper-button-prev {
            margin-top: -245px;
            cursor: pointer;
            animation: breath 1s infinite ease forwards
        }

        .reward-list .swiper-button-next.swiper-button-disabled {
            animation: none
        }

        .reward-list .swiper-button-prev.swiper-button-disabled {
            animation: none
        }

        .btn-points-get {
            display: block;
            margin: -39px auto 0 auto;
            position: relative
        }

        .points-frame {
            font-size: 26px;
            text-align: center;
            display: block;
            margin: 0 auto 8px auto;
            line-height: 42px;
            color: #815200;
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .part5-box {
            font-size: 0;
            position: relative;
            text-align: center
        }

        .part5-box .prize-list-box, .part5-box .zcx-box {
            display: inline-block;
            vertical-align: middle;
            margin: 0 20px;
            position: relative
        }

        .part5-box .prize-list-box .btn-zcx, .part5-box .zcx-box .btn-zcx {
            position: absolute;
            left: 50%;
            bottom: 22px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

        .part5-box .zcx-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)
        }

        .txt-swiper {
            text-align: center;
            height: 304px;
            width: 496px;
            overflow: hidden;
            margin: 116px auto 0 auto;
            position: relative
        }

        .txt-swiper ul li {
            font-size: 20px;
            line-height: 1;
            margin: 10px auto;
            color: #f9ffe2
        }

        .group-tips {
            text-align: left;
            width: 1145px;
            margin: 0 auto
        }

        .group-tips p {
            position: relative;
            font-size: 24px;
            color: #f9ffe2;
            padding-left: 20px;
            box-sizing: border-box;
            line-height: 1.2;
            margin-bottom: 10px
        }

        .group-tips p span {
            position: absolute;
            left: -20px;
            top: 0
        }

        .points-list {
            position: relative;
            font-size: 0;
            text-align: center
        }

        .points-list .points-list-item {
            display: inline-block;
            vertical-align: middle;
            margin: 0 14px;
            position: relative
        }

        .points-list .fc {
            display: none;
            position: absolute;
            left: 50%;
            top: -340px;
            transform: translateX(-88%)
        }

        .points-list .hover-item {
            cursor: pointer
        }

        .points-list .hover-item:hover .fc {
            display: block
        }

        .group-box {
            font-size: 0;
            position: relative;
            margin-top: 50px;
            text-align: center
        }

        .group-box .group-frame {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            position: relative;
            overflow: hidden
        }

        .group-box .group-title {
            display: block;
            margin: 20px auto 0 auto;
            position: relative
        }

        .group-box .group-input-box {
            width: 296px;
            height: 56px;
            border: 2px solid #817965;
            box-sizing: border-box;
            margin: 50px auto;
            position: relative
        }

        .group-box .group-input-box .copy-btn {
            position: absolute;
            right: -8px;
            top: -6px;
            z-index: 2
        }

        .group-box .group-input-box .input-val {
            width: 292px;
            height: 50px;
            line-height: 50px;
            background-color: transparent;
            outline: 0;
            border: none;
            text-indent: 6px;
            font-size: 24px;
            color: #e2cea8;
            position: absolute;
            left: 0;
            top: 0
        }

        .group-box .group-input-box .input-val.cen {
            text-align: center
        }

        .group-box .group-input-box .input-val.cen::-webkit-input-placeholder {
            color: #e2cea8
        }

        .group-box .group-input-box .input-val.cen:-moz-placeholder {
            color: #e2cea8
        }

        .group-box .group-input-box .input-val.cen::-moz-placeholder {
            color: #e2cea8
        }

        .group-box .group-input-box .input-val.cen:-ms-input-placeholder {
            color: #e2cea8
        }

        .group-box .group-btn-box .me-points {
            display: block;
            margin: 0 auto 18px auto;
            position: relative;
            width: 302px;
            height: 96px;
            line-height: 96px;
            font-size: 28px;
            color: #e2cea8
        }

        .group-box .group-btn-box a {
            display: block;
            margin: 0 auto 18px auto;
            position: relative
        }

        .group-box .group-btn-box a span {
            width: 304px;
            height: 92px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            color: #815200;
            font-size: 26px;
            line-height: 1.2;
            padding-top: 5px
        }

        .group-box .wait-group {
            padding-top: 30px;
            padding-left: 16px;
            color: #e2cea8;
            font-size: 18px;
            text-align: left
        }

        .group-box .group-table-box {
            width: 340px;
            margin: 30px auto 0 auto;
            position: relative
        }

        .group-box .group-table-box .le {
            float: left;
            color: #e2cea8;
            font-size: 18px
        }

        .group-box .group-table-box .rg {
            float: right;
            color: #e2cea8;
            font-size: 18px
        }

        .group-box .z-table {
            color: #e2cea8;
            font-size: 18px;
            width: 340px;
            height: 312px;
            text-align: center;
            margin: 10px auto 0 auto
        }

        .group-box .z-table table {
            width: 340px;
            height: 312px;
            border: 2px solid #817965;
            box-sizing: border-box;
            margin: 0 auto
        }

        .group-box .z-table td {
            width: 33.3%;
            height: 42px;
            line-height: 42px;
            border: 1px solid #817965
        }

        .group-recommend {
            display: block;
            margin: 50px auto;
            font-size: 0;
            position: relative;
            padding-left: 328px;
            padding-top: 12px;
            box-sizing: border-box
        }

        .group-recommend .comme-pint {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px
        }

        .group-recommend .comme-pint li {
            width: 240px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background-color: transparent;
            border: none;
            outline: 0;
            font-size: 20px;
            color: #c9a578
        }

        .carve-up-box {
            font-size: 0;
            position: relative;
            text-align: center
        }

        .carve-up-box .carve-item {
            display: inline-block;
            vertical-align: top;
            margin: 0 40px
        }

        .carve-up-box .carve-item .carve-txt {
            font-size: 26px;
            color: #f7dc9a;
            padding-top: 30px;
            line-height: 1
        }

        .carve-up-box .carve-item .carve-val {
            line-height: 1;
            margin: 14px auto;
            font-weight: 700;
            font-size: 136px;
            color: #f7dc9a
        }

        .carve-up-box .btn-carve-get {
            display: block;
            margin: 20px auto 0 auto
        }

        .rules-txt {
            height: 930px;
            position: relative;
            padding: 28px 20px 0 90px;
            width: 1200px;
            margin: 0 auto;
            box-sizing: border-box
        }

        .rules-txt p {
            margin: 10px auto;
            font-size: 18px;
            color: #f9ffe2;
            position: relative;
            line-height: 1.4
        }

        .rules-txt p i {
            position: absolute;
            left: -36px;
            top: 0;
            font-style: normal
        }

        .rules-txt p span {
            display: block;
            box-sizing: border-box
        }

        .rules-txt p em {
            color: #e7c987
        }

        .rules-txt p a {
            color: #f72d28;
            text-decoration: underline
        }

        .part8-tips {
            font-size: 22px;
            color: #f9ffe2;
            margin: 20px auto 50px auto;
            position: relative;
            text-align: center
        }

        .part8-list {
            font-size: 0;
            position: relative;
            text-align: center
        }

        .part8-list .part8-list-item {
            display: inline-block;
            vertical-align: top;
            margin: 0 10px;
            position: relative
        }

        .part8-list .part8-list-item .limit {
            position: absolute;
            left: 28px;
            top: 20px;
            font-size: 24px;
            color: #0f1d2f
        }

        .part8-list .part8-list-item a {
            display: block;
            margin: 15px auto 0 auto
        }

        .buy-gpjyk-box {
            margin: 40px auto;
            position: relative;
            text-align: center
        }

        .buy-gpjyk-box a {
            display: inline-block;
            vertical-align: top;
            margin: 0 20px;
            position: relative;
            overflow: hidden
        }

        .buy-gpjyk-box a .gpjyk-box {
            color: #815200;
            margin-top: 48px;
            display: block
        }

        .buy-gpjyk-box a .gpjyk-box em {
            font-size: 26px;
            display: inline-block;
            line-height: 1
        }

        .buy-gpjyk-box a .gpjyk-box .gpjyk-val {
            font-size: 72px
        }

        .buy-gpjyk-box a .gpjyk-tips {
            margin-top: 42px;
            font-size: 20px;
            color: #815200;
            display: block
        }

        .dia {
            /*display: none;*/
            outline: 0;
            border: none
        }

        .dia .dia-gxn-tit, .dia .dia-ptjl-title {
            display: block;
            margin: 40px auto 0 auto
        }

        .dia .dia-gxn-box {
            overflow: hidden;
            text-align: center
        }

        .dia .pop-dia {
            padding: 15px 30px;
            box-sizing: border-box;
            font-size: 0
        }

        .dia .pop-dia li {
            display: inline-block;
            vertical-align: top;
            margin: 10px 10px
        }

        .dia .dia-gnx-btn-box {
            font-size: 0;
            position: relative
        }

        .dia .dia-gnx-btn-box a {
            display: inline-block;
            vertical-align: top;
            margin: 6px 20px
        }

        .dia .dia-close {
            position: absolute;
            top: 28px;
            right: 33px
        }

        .dia .d2c {
            top: 4px;
            right: -39px
        }

        .dia .dia-bg2 .pop-dia li {
            width: 178px;
            height: 112px
        }

        .dia .dia-bg2 .pop-dia li img {
            width: 100%;
            height: 100%
        }

        .dia .dia-ptjl-box {
            background-color: #eedba4;
            position: relative;
            width: 875px;
            border: 2px solid #8b5f00;
            box-sizing: border-box
        }

        .dia .dia-ptjl-con {
            width: 90%;
            margin: 20px auto;
            position: relative
        }

        .dia .table_bor {
            width: 100%;
            text-align: center;
            font-size: 0
        }

        .dia thead {
            font-size: 0
        }

        .dia thead th {
            font-size: 22px;
            color: #573b00;
            width: 32.333%;
            border: 1px solid #876725;
            box-sizing: border-box;
            height: 45px;
            line-height: 45px
        }

        .dia tbody tr td {
            font-size: 18px;
            color: #573b00;
            width: 32.333%;
            border: 1px solid #876725;
            box-sizing: border-box
        }

        .dia .bxfy {
            margin-top: 22px;
            font-size: 0;
            text-align: center
        }

        .dia .bxfy a, .dia .bxfy span {
            display: inline-block;
            vertical-align: top;
            font-size: 20px;
            color: #573b00;
            font-weight: 700;
            margin: 0 20px;
            cursor: pointer
        }

        .dia .bxfy a {
            text-decoration: underline
        }

        .dia-probability-box {
            background-color: #eedba4;
            position: relative;
            width: 540px;
            border: 2px solid #8b5f00;
            box-sizing: border-box;
            padding: 20px 0
        }

        .dia-probability-box .dia-probability-top {
            text-align: center;
            font-size: 0;
            width: 500px;
            margin: 12px auto 15px auto
        }

        .dia-probability-box .dia-probability-top a {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            height: 60px;
            line-height: 60px;
            font-size: 22px;
            color: #00223b;
            font-weight: 700;
            text-align: center;
            border: 1px solid #00223b;
            box-sizing: border-box
        }

        .dia-probability-box .dia-probability-top a.on {
            background-color: #ae8437
        }

        .dia-probability-box .probability-con1 {
            width: 500px;
            margin: 0 auto;
            text-align: center
        }

        .dia-probability-box .probability-con1 thead td {
            font-size: 22px;
            height: 36px;
            line-height: 36px;
            font-weight: 700
        }

        .dia-probability-box .probability-con1 td {
            font-size: 18px;
            color: #573b00;
            display: inline-block;
            vertical-align: top;
            width: 32.333%;
            border: 1px solid #876725;
            box-sizing: border-box;
            height: 26px;
            line-height: 26px;
            width: 50%
        }

        .dia-probability-box2 {
            background-color: #eedba4;
            position: relative;
            width: 540px;
            border: 2px solid #8b5f00;
            box-sizing: border-box;
            padding: 20px 0
        }

        .dia-probability-box2 .dia-probability-top {
            text-align: center;
            font-size: 0;
            width: 540px;
            margin: 0 auto
        }

        .dia-probability-box2 .dia-probability-top a {
            display: inline-block;
            vertical-align: middle;
            width: 30%;
            height: 60px;
            line-height: 60px;
            font-size: 22px;
            color: #00223b;
            font-weight: 700;
            text-align: center;
            border: 1px solid #00223b;
            box-sizing: border-box
        }

        .dia-probability-box2 .dia-probability-top a.on {
            background-color: #ae8437
        }

        .dia-probability-box2 .probability-con2 {
            width: 486px;
            margin: 0 auto;
            text-align: center
        }

        .dia-probability-box2 .probability-con2 thead td {
            font-size: 20px;
            color: #000;
            height: 40px;
            line-height: 40px;
            width: 50%
        }

        .dia-probability-box2 .probability-con2 tbody td {
            width: 50%;
            height: 27px;
            line-height: 27px;
            font-size: 18px;
            color: #000;
            border-top: 1px solid #9a7d3f
        }

        .dia-zc-wrap {
            position: relative
        }

        .dia-zc-wrap .dia-zc-box {
            padding: 36px 46px 0;
            box-sizing: border-box
        }

        .dia-zc-wrap .dia-zc-box .content-box > div {
            display: inline-block;
            vertical-align: top
        }

        .dia-zc-wrap .dia-zc-box .tit {
            margin: 0 auto
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .zcx-now-jf {
            font-size: 18px;
            color: #815200;
            text-align: center
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg {
            margin-top: -4px;
            overflow: hidden;
            padding-right: 5px;
            box-sizing: border-box;
            width: 612px;
            height: 521px
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg table {
            height: 506px;
            width: 610px;
            overflow: hidden;
            box-sizing: border-box
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg table thead th {
            font-size: 22px;
            color: #815200;
            font-weight: 700;
            width: 33.33%;
            height: 55px;
            line-height: 55px
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg table tbody {
            text-align: center;
            width: 100%;
            margin-top: 14px;
            box-sizing: border-box
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg table tbody td {
            width: 33.33%;
            font-size: 18px;
            color: #815200;
            margin-top: 20px
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .dia-zcx-bg table tbody td a {
            margin: 0 auto 0;
            color: #815200;
            border: 1px solid #815200;
            padding: 5px
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .bxfy {
            font-size: 0;
            text-align: center;
            position: relative;
            margin-top: 0
        }

        .dia-zc-wrap .dia-zc-box .dia-zcx-box .bxfy a, .dia-zc-wrap .dia-zc-box .dia-zcx-box .bxfy span {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            color: #815200;
            margin: 6px 10px 0
        }

        .dia-zc-wrap .dia-zc-box .fjb-box {
            width: 457px;
            height: 521px;
            margin-top: 28px;
            margin-left: 16px
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg {
            overflow: hidden;
            box-sizing: border-box;
            margin-top: -4px
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg .dia-fjb-head {
            width: 100%;
            font-size: 0;
            text-align: center;
            height: 55px;
            line-height: 55px
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg .dia-fjb-head span {
            display: inline-block;
            vertical-align: middle;
            font-size: 22px;
            color: #815200;
            font-weight: 700;
            border: 1px solid #815200
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg .dia-fjb-head > span:nth-child(1) {
            width: 60%
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg .dia-fjb-head > span:nth-child(2) {
            width: 39%
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul {
            width: 99.8%;
            height: 451px;
            overflow-y: auto;
            box-sizing: border-box;
            border: 1px solid #815200;
            margin: 0 auto;
            border-top: none
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li {
            font-size: 0;
            line-height: 40px;
            height: 40px
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li > a, .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li > span {
            font-size: 20px;
            color: #815200;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            line-height: 40px;
            height: 40px
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li > span:nth-child(1) {
            width: 60%
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li > span:nth-child(2) {
            width: 40%
        }

        .dia-zc-wrap .dia-zc-box .fjb-box .dia-fjb-bg ul li > a + a {
            margin-left: 20px
        }

        .prop-video {
            width: 800px;
            height: 450px;
            position: relative;
            outline: 0;
            border: none
        }

        .prop-video #container {
            width: 800px;
            height: 448px
        }

        /*!# sourceMappingURL=comm.css.map */
    </style>
</head>
<body>
<div id="app">
<div style="font-size: 22px;color: #e4c781;font-weight: 700;">
    <p style="text-align: center">此页面只是为了测试概率,抽到的道具不会发送游戏仓库</p>
    <p style="text-align: center">任何以此页面盈利的行为,均与作者无关</p>
    <p style="text-align: center">如有侵权请联系作者QQ:1839327863(发送邮件或者加好友备注)</p>
    <p style="text-align: center">本页面网址：<span >{{m_url}}</span></p>
    <p style="text-align: center">官方活动网址
        <a href="https://act.daoju.qq.com/act/a20221014shj"
           style="color: red;user-select:none;text-decoration: none;margin: 0 15px">电脑版</a>
        <a href="https://app.daoju.qq.com/act/a20221014shj"
           style="color: red;user-select:none;text-decoration: none;margin: 0 15px">手机版</a>
    </p>
</div>
<div class="part part2"  @click="cfhd_type==0;cfhd_cjjg=[]" style="margin-top:20px">
    <div class="con" data-tabc="2" style="display: block;">
        <div class="part part3">
            <div class="page-title">
                <i class="page-title-3"></i>
            </div>
            <div class="buy-jyk-box" style="margin-bottom: 0">
                <a class="buy-jyk-btn1" @click="cjjAdd(1);czjlAdd(10)"></a>
                <a class="buy-jyk-btn2" @click="cjjAdd(11);czjlAdd(100)"></a>
                <p class="half-text" style=" font-size: 25px;color: yellow;margin: 20px 0px">
                    累计充值<span class="cfhdChongzhi" style="color: red">{{cfhd_czjl}}</span>元,
                    获得<span class="cfhdChongzhi" style="color: red">{{cfhd_dj}}</span>CF点,
                    获得<span class="cfhdChongzhi" style="color: red">{{cfhd_jf}}</span>积分
                </p>
            </div>
            <div class="draw-box">
                <img alt="" src="draw-pop-image.png">
                <div class="draw-btn-box da2">
                    <a class="draw-btn1 chou chou1" @click.stop="SendClick(1)"></a>
                    <a class="draw-btn10 chou chou10" @click.stop="SendClick(10)"></a>
                    <p class="draw-tips">您当前有<span class="_696">{{cfhd_cjj}}</span>个抽奖钥匙</p>
                </div>
            </div>
        </div>
        <div class="tab-box">
            <!-- 暂存箱 -->
            <div class="dia dia-zc-wrap" id="showMyGiftContent_899272z">
                <div class="dia-zc-box dia-bg3">
                    <div class="content-box">
                        <div class="dia-zcx-box">
                            <p class="zcx-now-jf">您当前的积分：<span
                                    class="zcx-now-jf-text my-jifen cfChou _695">{{cfhd_jf}}</span></p>
                            <div class="dia-zcx-tit tit"></div>
                            <div class="dia-zcx-bg">
                                <table class="tab table_bor">
                                    <thead>
                                    <tr>
                                        <th>名称</th>
                                        <th>领取道具</th>
                                        <th>分解积分</th>
                                    </tr>
                                    </thead>
                                    <tbody id="getGiftContent_892737z">
                                    <tr v-for="(item,index) in cfhd_zcx" v-if="cfhd_zcx.length>0">
                                        <template v-if="index>=cfhd_zcx_page.pageStart&&index<=cfhd_zcx_page.pageEnd">
                                            <td>{{item.Name}}</td>
                                            <td v-if="item.iStatus==3">
                                                <a @click="item.iStatus=1;item.sExtend2=1"
                                                   style="background-color:red;color:#fff;user-select:none;text-decoration: none;">[发送仓库]</a>
                                            </td>
                                            <td v-if="item.iStatus==3">
                                                <a @click="item.iStatus=1;item.sExtend2=2;cfhd_jf=cfhd_jf+item.Keynum"
                                                   style="background-color:red;color:#fff;user-select:none;text-decoration: none;">[分解]</a>
                                            </td>
                                            <td v-if="item.sExtend2==1">已发送</td>
                                            <td v-if="item.sExtend2==1">x</td>
                                            <td v-if="item.sExtend2==2">x</td>
                                            <td v-if="item.sExtend2==2">已分解</td>
                                        </template>
                                    </tr>
                                    <tr v-else>
                                        <td colspan="3" align="center">您尚未获得任何礼包</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="page bxfy" id="getGiftPageContent_892737">
                                <span>{{cfhd_zcx_page.pageIndex}} / {{cfhd_zcx_page.pageTotal}}</span>
                                <a @click="pageChange(-1,'zcx')"
                                   style="user-select:none;text-decoration: none;">上一页</a> /
                                <a @click="pageChange(+1,'zcx')"
                                   style="user-select:none;text-decoration: none;">下一页</a>
                            </div>
                        </div>
                        <div class="fjb-box">
                            <div class="dia-fjb-tit tit"></div>
                            <div class="dia-fjb-bg">
                                <div class="dia-fjb-head">
                                    <span>武器名称</span>
                                    <span>分解所获积分</span>
                                </div>
                                <ul>
                                    <li><span>AWM 山海经-雷神</span><span>80</span></li>
                                    <li><span>AK-47 山海经-五色鸟</span><span>80</span></li>
                                    <li><span>轻型军用手斧 山海经-刑天</span><span>80</span></li>
                                    <li><span>双管猎枪 山海经-祝融</span><span>60</span></li>
                                    <li><span>山海经-雷神手表</span><span>60</span></li>
                                    <li><span>AUG A1 青鹤</span><span>40</span></li>
                                    <li><span>GALIL 丹凤</span><span>40</span></li>
                                    <li><span>SG552 白稚</span><span>40</span></li>
                                    <li><span>M1216 玄燕</span><span>40</span></li>
                                    <li><span>M1216 冰河时代</span><span>20</span></li>
                                    <li><span>VSK-94 冰河时代</span><span>20</span></li>
                                    <li><span>M14EBR 沙场先锋</span><span>10</span></li>
                                    <li><span>SCAR HEAVY 赤红蜂巢</span><span>10</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--暂存箱end-->
            <div style="width: 100%;background: #0000007d;position: fixed;height: 100%;top: 0;left: 0;"  v-if="cfhd_cjjg.length>0" @click="cfhd_type==0;cfhd_cjjg=[];cfhd_hddtype==0">
                <!-- 恭喜你获得以下道具  抽一次-->
                <div class="dia" id="dia_price1" v-if="cfhd_type==1"
                     style="position: fixed;top: 25%;left: 26.7%;">
                    <div class="dia-bg1">
                        <div class="dia-gxn-box">
                            <div class="dia-gxn-tit"></div>
                            <ul class="pop-dia">
                                <li v-for="item in cfhd_cjjg">
                                    <img alt="" :src="`lo1/${item}.png`">
                                </li>
                            </ul>
                            <div class="dia-gnx-btn-box" v-if="cfhd_hddtype==0">
                                <a class="draw-btn1 chou chou1" @click.stop="SendClick(1)"></a>
                                <a class="draw-btn10 chou chou10" @click.stop="SendClick(10)"></a>
                            </div>
                            <div class="dia-gnx-btn-box" v-if="cfhd_hddtype==1">
                                <a class="draw-btn1 chou chou1" @click.stop="SendHdd(1)"></a>
                                <a class="draw-btn10 chou chou10" @click.stop="SendHdd(10)"></a>
                            </div>
                        </div>
                        <a class="dia-close" @click="cfhd_type==0;cfhd_cjjg=[];cfhd_hddtype==0" title="关闭"></a>
                    </div>
                </div>
                <!-- 恭喜你获得以下道具  抽十次-->
                <div class="dia" id="dia_price10" v-if="cfhd_type==10"
                     style="position: fixed;top: 25%;left: 26.7%;">
                    <div class="dia-bg2">
                        <div class="dia-gxn-box">
                            <div class="dia-gxn-tit" style="margin-top: 15px;"></div>
                            <ul class="pop-dia">
                                <li v-for="item in cfhd_cjjg">
                                    <img alt="" :src="`lo1/${item}.png`">
                                </li>
                            </ul>
                            <div class="dia-gnx-btn-box" v-if="cfhd_hddtype==0">
                                <a class="draw-btn1 chou chou1" @click.stop="SendClick(1)"></a>
                                <a class="draw-btn10 chou chou10" @click.stop="SendClick(10)"></a>
                            </div>
                            <div class="dia-gnx-btn-box" v-if="cfhd_hddtype==1">
                                <a class="draw-btn1 chou chou1" @click.stop="SendHdd(1)"></a>
                                <a class="draw-btn10 chou chou10" @click.stop="SendHdd(10)"></a>
                            </div>
                        </div>
                        <a class="dia-close" @click="cfhd_type==0;cfhd_cjjg=[];cfhd_hddtype==0" title="关闭"></a>
                    </div>
                </div>
            </div>
            <!-- 主奖池概率弹窗 -->
            <div class="dia" id="dia_probability1" style="position: fixed;bottom: 10%;right: 1%">
                <div class="dia-probability-box">
                    <div data-tabc-probability2="2" style="display: block;">
                        <table class="probability-con1">
                            <thead>
                            <tr>
                                <td>道具名</td>
                                <td>数量</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item,index) in abc">
                                <td>{{index}}</td>
                                <td>{{item}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="part part5">
            <div class="page-title">
                <i class="page-title-5"></i>
            </div>
            <div class="current-points">
                <span class="_695">{{cfhd_jf}}</span>
            </div>
            <p class="points-tips">
                玩家可通过获取的积分，兑换奖励
            </p>
            <div class="reward-list swiper-container2 swiper-container-horizontal">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-slide-active" style="width: 1200px;">
                        <div class="reward-list-item">
                            <div class="points-frame">500积分</div>
                            <img alt="" src="pop17.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">500积分</div>
                            <img alt="" src="pop18.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">500积分</div>
                            <img alt="" src="pop19.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">400积分</div>
                            <img alt="" src="pop20.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">400积分</div>
                            <img alt="" src="pop21.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">300积分</div>
                            <img alt="" src="pop22.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">300积分</div>
                            <img alt="" src="pop23.png">
                        </div>
                        <div class="reward-list-item">
                            <div class="points-frame">300积分</div>
                            <img alt="" src="pop24.png">
                        </div>
                    </div>
                    <div class="swiper-slide swiper-slide-next" style="width: 1200px;">
                        <div class="reward-list-item">
                            <div class="points-frame">300积分</div>
                            <img alt="" src="pop25.png">
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--许愿币-->
        <div class="part part4">
            <div class="page-title">
                <i class="page-title-4"></i>
            </div>
            <p class="key-num">剩余许愿币数量：<em class="_715">{{cfhd_xyb}}</em></p>
            <p class="key-tips">
                每付费购买获得1个钥匙，自动获得1个许愿币<br>
                选择愿望后可在许愿池中进行投币许愿，获得许愿值，更改或领取愿望则许愿值清零
            </p>
            <div class="wish-list">
                <div class="wish-list-item">
                    <div class="pop-choose-box">
                        <span class="level">1级愿望</span>
                        <i class="doubt-icon show1wish show1wish0"></i>
                        <div class="floating-layer floating-layer1">
                        </div>
                    </div>
                    <a class="btn-wish-get" href="javascript:get_wish_award(1);"
                       onclick="PTTSendClick('btn','wish-get1','领取1')"></a>
                    <p class="wish-value">
                        所需许愿值：<em>400</em>
                    </p>
                </div>
                <div class="wish-list-item">
                    <div class="pop-choose-box">
                        <span class="level">2级愿望</span>
                        <i class="doubt-icon show2wish show2wish0"></i>
                        <div class="floating-layer floating-layer2">
                        </div>
                    </div>
                    <a class="btn-wish-get" href="javascript:get_wish_award(2);"
                       onclick="PTTSendClick('btn','wish-get2','领取2')"></a>
                    <p class="wish-value">
                        所需许愿值：<em>800</em>
                    </p>
                </div>
                <div class="wish-list-item">
                    <div class="pop-choose-box">
                        <span class="level">3级愿望</span>
                        <i class="doubt-icon show3wish show3wish0"></i>
                        <div class="floating-layer floating-layer3">
                        </div>
                    </div>
                    <a class="btn-wish-get" href="javascript:get_wish_award(3);;"
                       onclick="PTTSendClick('btn','wish-get3','领取3')"></a>
                    <p class="wish-value">
                        所需许愿值：<em>1000</em>
                    </p>
                </div>
                <div class="wish-list-item">
                    <div class="pop-choose-box">
                        <span class="level">4级愿望</span>
                        <i class="doubt-icon show4wish show4wish0"></i>
                        <div class="floating-layer floating-layer4">
                        </div>
                    </div>
                    <a class="btn-wish-get" href="javascript:get_wish_award(4);;"
                       onclick="PTTSendClick('btn','wish-get4','领取4')"></a>
                    <p class="wish-value">
                        所需许愿值：<em>1200</em>
                    </p>
                </div>
                <p class="wish-value" style="font-size: 30px;color: #f9ffe2;">
                    已有许愿值：<em class="_697">{{cfhd_xyz}}</em>
                </p>
                <div class="wish-list-item">
                    <a class="btn-wish-investment" @click="xyzAdd(1)"></a>
                    <a @click="xyzAdd(cfhd_xyb)" style="font-size: 25px;color: white;">投入所有许愿币</a>
                </div>
            </div>
        </div>
        <!--抽蝴蝶刀-->
        <div class="part part9">
            <div class="page-title">
                <i class="page-title-9"></i>
            </div>
            <div class="buy-gpjyk-box">
                <a class="buy-gp-btn" @click="hddCjjAdd(1);gpAdd(1000)" style="user-select:none;text-decoration: none;">
                        <span class="gpjyk-box">
                            <em class="gpjyk-val">1000</em>
                            <em>GP</em>
                        </span>
                    <span class="gpjyk-tips">购买1张蝴蝶刀抽奖券</span>
                </a>
                <a class="buy-gp-btn" @click="hddCjjAdd(10);gpAdd(9000)"
                   style="user-select:none;text-decoration: none;">
                        <span class="gpjyk-box">
                            <em class="gpjyk-val">9000</em>
                            <em>GP</em>
                        </span>
                    <span class="gpjyk-tips">购买10张蝴蝶刀抽奖券</span>
                </a>
            </div>
            <div class="draw-box">
                <img alt="" src="//game.gtimg.cn/images/actdaoju/act/a20221014shj/draw-pop-image2.png">
                <div class="draw-btn-box">
                    <div class="gp-text">
                        <p>当前积分：<span class="gp_val">{{cfhd_jf1}}</span></p>
                        <p>当前已消耗GP：<span class="_716">{{cfhd_GP}}</span></p>
                    </div>
                    <a class="draw-btn1 chouhd chouhd1" @click.stop="SendHdd(1)"></a>
                    <a class="draw-btn10 chouhd chouhd10" @click.stop="SendHdd(10)"></a>
                    <p class="draw-tips">您当前有<span class="_694">{{cfhd_hddCjj}}</span>张蝴蝶刀抽奖券</p>
                </div>
            </div>
            <!-- 主奖池概率弹窗 -->
            <div class="dia" style="position: fixed;bottom: 10%;left: 1%">
                <div class="dia-probability-box">
                    <div data-tabc-probability2="2" style="display: block;">
                        <table class="probability-con1">
                            <thead>
                            <tr>
                                <td>道具名</td>
                                <td>数量</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item,index) in hdd_base">
                                <td>{{item[2]}}</td>
                                <td>{{item[3]}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.41/vue.global.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
    let watermark = {};
    let setWatermark = str => {
        let id = '1.23452384164.123412416';
        if (document.getElementById(id) !== null) {
            document.body.removeChild(document.getElementById(id));
        } //创建一个画布
        let can = document.createElement('canvas'); //设置画布的长宽
        can.width = 200;
        can.height = 200;
        let cans = can.getContext('2d'); //旋转角度
        cans.rotate((-25 * Math.PI) / 180);
        cans.font = '18px Vedana'; //设置填充绘画的颜色、渐变或者模式
        cans.fillStyle = 'rgba(13,206,158,0.20)'; //设置文本内容的当前对齐方式
        cans.textAlign = 'left'; //设置在绘制文本时使用的当前文本基线
        cans.textBaseline = 'Middle'; //在画布上绘制填色的文本（输出的文本，开始绘制文本的X坐标位置，开始绘制文本的Y坐标位置）
        for (let i = 0; i < str.length; i++) {
            cans.fillText(str[i], can.width / 8, can.height / 2 + (i * 30));
        }

        let div = document.createElement('div');
        div.id = id;
        div.style.pointerEvents = 'none';
        div.style.top = '30px';
        div.style.left = '0px';
        div.style.position = 'fixed';
        div.style.zIndex = '100000';
        div.style.width = document.documentElement.clientWidth + 'px';
        div.style.height = document.documentElement.clientHeight + 'px';
        div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat';
        document.body.appendChild(div);
        return id;
    };

    // 该方法只允许调用一次
    watermark.set = str => {
        let id = setWatermark(str);
        setInterval(() => {
            if (document.getElementById(id) === null) {
                id = setWatermark(str);
            }
        }, 500);
        window.onresize = () => {
            setWatermark(str);
        };
    };

    watermark.set(['不需要登录', '不需要充值']);

    //概率
    Vue.createApp({
        data() {
            return {
                abc: {
                    'AWM 山海经-雷神': 0,
                    'AK-47 山海经-五色鸟': 0,
                    '轻型军用手斧 山海经-刑天': 0,
                    '双管猎枪 山海经-祝融': 0,
                    '山海经-雷神手表': 0,
                    'AUG A1 青鹤': 0,
                    'GALIL 丹凤': 0,
                    'SG552 白稚': 0,
                    'M1216 玄燕': 0,
                    'M1216 冰河时代': 0,
                    'VSK-94 冰河时代': 0,
                    'M14EBR 沙场先锋': 0,
                    'SCAR HEAVY 赤红蜂巢': 0,
                    '10000CF点': 0,
                    '5000CF点': 0,
                    '1000CF点': 0,
                    '100积分': 0,
                    '50积分': 0,
                    '10积分': 0,
                    '5积分': 0,
                },
                base_par: [
                    //概率,概率,名字,分解所得,0:积分 1:道具 2:CF点,图片类
                    [1, 20, 'AWM 山海经-雷神', 80, 1, 'lo_1_1'],
                    [21, 40, 'AK-47 山海经-五色鸟', 80, 1, 'lo_1_2'],
                    [41, 60, '轻型军用手斧 山海经-刑天', 80, 1, 'lo_1_3'],
                    [61, 100, '双管猎枪 山海经-祝融', 60, 1, 'lo_1_4'],
                    [101, 140, '山海经-雷神手表', 60, 1, 'lo_1_5'],
                    [141, 180, 'AUG A1 青鹤', 40, 1, 'lo_1_6'],
                    [181, 220, 'GALIL 丹凤', 40, 1, 'lo_1_7'],
                    [221, 260, 'SG552 白稚', 40, 1, 'lo_1_8'],
                    [261, 300, 'M1216 玄燕', 40, 1, 'lo_1_9'],
                    [301, 450, 'M1216 冰河时代', 20, 1, 'lo_1_10'],
                    [451, 600, 'VSK-94 冰河时代', 20, 1, 'lo_1_11'],
                    [601, 1100, 'M14EBR 沙场先锋', 10, 1, 'lo_1_12'],
                    [1101, 1600, 'SCAR HEAVY 赤红蜂巢', 10, 1, 'lo_1_13'],
                    [1601, 1650, '10000CF点', 10000, 2, 'lo_1_14'],
                    [1651, 1850, '5000CF点', 5000, 2, 'lo_1_15'],
                    [1851, 3850, '1000CF点', 1000, 2, 'lo_1_16'],
                    [3851, 3900, '100积分', 100, 0, 'lo_1_17'],
                    [3901, 4000, '50积分', 50, 0, 'lo_1_18'],
                    [4001, 8500, '10积分', 10, 0, 'lo_1_19'],
                    [8501, 10000, '5积分', 5, 0, 'lo_1_20'],
                ],
                sendTime: "", //当前时间
                cfhd_czjl: 0,//cfhd充值记录
                cfhd_cjj: 0, //cfhd抽奖券
                cfhd_xyb: 0, //cfhd许愿币
                cfhd_xyz: 0,//cfhd许愿值
                cfhd_jf: 0, //cfhd积分
                cfhd_dj: 0, //cfhd点券
                cfhd_cjcs: 0, //cfhd抽奖次数
                cfhd_hjjl: [],//获奖记录
                cfhd_zcx: [],//暂存箱
                cfhd_cjjg: [],//抽奖结果
                cfhd_type: 0,//抽奖类型 1 或 10
                cfhd_hjjl_page: {
                    pageIndex: 1,//当前页
                    pageTotal: 1,//总页数
                    pageStart: 0,//当前分页数据
                    pageEnd: 9
                },
                cfhd_zcx_page: {
                    pageIndex: 1,//当前页
                    pageTotal: 1,//总页数
                    pageStart: 0,//当前分页数据
                    pageEnd: 9
                },
                cfhd_jf1: 0,//蝴蝶刀积分
                cfhd_GP: 0,//蝴蝶刀消耗GP
                cfhd_hddCjj: 0,//蝴蝶刀抽奖券
                cfhd_hddtype:0,
                hdd_base: [
                    [1, 10, '蝴蝶刀（原型）', 0, 1, 'lo_2_1'],
                    [11, 80, '防弹衣（30天）', 0, 1, 'lo_2_2'],
                    [81, 150, '防弹头盔（30天）', 0, 1, 'lo_2_3'],
                    [151, 220, '生化弹匣（30天）', 0, 1, 'lo_2_4'],
                    [221, 290, '步枪弹匣（30天）', 0, 1, 'lo_2_5'],
                    [291, 360, '冲锋枪弹匣（30天）', 0, 1, 'lo_2_6'],
                    [361, 430, '机枪弹匣（30天）', 0, 1, 'lo_2_7'],
                    [431, 480, '妖姬（30天）', 0, 1, 'lo_2_8'],
                    [481, 530, '女武神（30天）', 0, 1, 'lo_2_9'],
                    [531, 580, '步枪消音器 茉莉（30天）', 0, 1, 'lo_2_10'],
                    [581, 630, '冲锋枪消音器 茉莉（30天）', 0, 1, 'lo_2_11'],
                    [631, 680, '名片 暗影部队（14天）', 0, 1, 'lo_2_12'],
                    [681, 730, '头像 暗影部队（14天）', 0, 1, 'lo_2_13'],
                    [731, 1000, '10 积分', 0, 0, 'lo_2_14'],
                ]
            }
        },
        computed:{
            m_url(){
                return window.location.href
            }
        },
        methods: {
            SendHdd(num) {
                let _this = this
                _this.cfhd_cjjg = []
                _this.cfhd_type = num
                _this.cfhd_hddtype=1
                if (_this.cfhd_hddCjj >= num) {
                    _this.hddCjjAdd(Number('-' + num))//减抽奖券
                    for (var s = 0; s < num; s++) {
                        var sjs = Math.ceil(Math.random() * 1000);//概率
                        for (j = 0; j < _this.hdd_base.length; j++) {
                            var zxs = _this.hdd_base[j][0]
                            var zds = _this.hdd_base[j][1]
                            if (sjs >= zxs && sjs <= zds) {
                                _this.hdd_base[j][3]++
                                _this.cfhd_cjjg.push(_this.hdd_base[j][5])
                                if (_this.hdd_base[j][4] == 0) {//积分
                                    _this.cfhd_jf1 = _this.cfhd_jf1 + 10
                                }
                            }
                        }
                    }
                } else {
                    alert('您的蝴蝶刀抽奖券不足~')
                }
            },
            gpAdd(num) {
                this.cfhd_GP = this.cfhd_GP + num;
            },
            hddCjjAdd(num) {
                this.cfhd_hddCjj = this.cfhd_hddCjj + num;
            },
            xyzAdd(num) {
                let _this = this
                let xy = [
                    [1, 500, 1,],
                    [501, 900, 2,],
                    [901, 978, 5,],
                    [979, 998, 10,],
                    [999, 1000, 50,],
                ]
                if (_this.cfhd_xyb > 0) {
                    for (var s = 0; s < num; s++) {
                        var sjs = Math.ceil(Math.random() * 1000);//概率
                        for (j = 0; j < xy.length; j++) {
                            var zxs = xy[j][0]
                            var zds = xy[j][1]
                            if (sjs >= zxs && sjs <= zds) {
                                _this.cfhd_xyz = _this.cfhd_xyz + xy[j][2]
                            }
                        }
                        _this.cfhd_xyb--
                    }
                } else {
                    alert("许愿币不足")
                }
            },
            //购买抽奖券
            cjjAdd(num) {
                this.cfhd_cjj = this.cfhd_cjj + num;
                if (num > 0) {
                    this.cfhd_xyb = this.cfhd_xyb + num;
                }
            },
            //充值记录
            czjlAdd(num) {
                this.cfhd_czjl = this.cfhd_czjl + num;
            },
            //抽奖
            SendClick(num) {
                let _this = this
                _this.cfhd_hddtype=0
                _this.cfhd_cjjg = []
                _this.cfhd_type = num
                if (_this.cfhd_cjj >= num) {
                    _this.cjjAdd(Number('-' + num))//减抽奖券
                    _this.cfhd_cjcs = _this.cfhd_cjcs + num//统计抽奖次数
                    for (var s = 0; s < num; s++) {
                        var sjs = Math.ceil(Math.random() * 10000);//概率
                        for (j = 0; j < _this.base_par.length; j++) {
                            var zxs = _this.base_par[j][0]
                            var zds = _this.base_par[j][1]
                            if (sjs >= zxs && sjs <= zds) {
                                _this.abc[_this.base_par[j][2]]++
                                _this.cfhd_hjjl.push({Sj: _this.format(), Name: _this.base_par[j][2]})//获奖记录
                                _this.cfhd_cjjg.push(_this.base_par[j][5])
                                if (_this.base_par[j][4] == 0) {//积分
                                    _this.cfhd_jf = _this.cfhd_jf + _this.base_par[j][3]
                                } else if (_this.base_par[j][4] == 2) {//CF点
                                    _this.cfhd_dj = _this.cfhd_dj + _this.base_par[j][3]
                                } else {//存暂存箱
                                    _this.cfhd_zcx.push({
                                        Name: _this.base_par[j][2],
                                        sExtend2: 0,
                                        iStatus: 3,
                                        Keynum: _this.base_par[j][3]
                                    })//获奖记录
                                }
                            }
                        }
                    }
                    _this.cfhd_hjjl_page.pageTotal = Number(_this.pagerCount(_this.cfhd_hjjl.length, 10))
                    _this.cfhd_zcx_page.pageTotal = Number(_this.pagerCount(_this.cfhd_zcx.length, 10))
                } else {
                    alert('您的抽奖券不足~')
                }
            },
            //获取当前时间
            format() {
                const nowDate = new Date();
                let yy = nowDate.getFullYear();
                let mm = nowDate.getMonth() + 1;
                let dd = nowDate.getDate();
                let hh = nowDate.getHours();
                let mf = nowDate.getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
                let ss = nowDate.getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
                let nDate = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
                return nDate
            },
            //获取页码
            pagerCount(count, pageSize) {
                if (typeof (count) == "number") {
                    if (count > 0) {
                        try {
                            var _pagerCount = count % pageSize == 0 ? count / pageSize : count / pageSize + 1;
                            var c = _pagerCount.toFixed(0);//小数取整
                            _pagerCount = c > _pagerCount ? c - 1 : c;//过滤四舍五入
                            return _pagerCount;

                        } catch (error) {
                            return 0;
                        }

                    } else {
                        return 0;
                    }
                } else {
                    return 0;
                }
            },
            //改变页数
            pageChange(num, type) {
                if (type == 'hjjl') {
                    if ((this.cfhd_hjjl_page.pageIndex == 1 && num < 0) || (this.cfhd_hjjl_page.pageIndex == this.cfhd_hjjl_page.pageTotal && num > 0)) {
                    } else {
                        this.cfhd_hjjl_page.pageIndex = this.cfhd_hjjl_page.pageIndex + num
                    }
                    this.cfhd_hjjl_page.pageStart = 10 * (this.cfhd_hjjl_page.pageIndex - 1)
                    this.cfhd_hjjl_page.pageEnd = this.cfhd_hjjl_page.pageStart + 9
                }
                if (type == 'zcx') {
                    if ((this.cfhd_zcx_page.pageIndex == 1 && num < 0) || (this.cfhd_zcx_page.pageIndex == this.cfhd_zcx_page.pageTotal && num > 0)) {
                    } else {
                        this.cfhd_zcx_page.pageIndex = this.cfhd_zcx_page.pageIndex + num
                    }
                    this.cfhd_zcx_page.pageStart = 10 * (this.cfhd_zcx_page.pageIndex - 1)
                    this.cfhd_zcx_page.pageEnd = this.cfhd_zcx_page.pageStart + 9
                }
            },
        }
    }).mount('#app')
</script>
</html>
